<!DOCTYPE html>
<html lang="cn">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta http-equiv="X-UA-Compatible" content="ie=edge">
		<title>Hsboy 's blogs</title>
		<link rel="stylesheet" href="css/sidebar.css">
		<link rel="stylesheet" type="text/css" href="layui/css/layui.css" />
		<link rel="stylesheet" type="text/css" href="css/index.css" />
		<style type="text/css">
			* {
				margin: 0;
				padding: 0;
			}
		</style>
	</head>
	<body>
		<div id="wrapper" style="left:0;">
			<!-- 侧边栏 -->
			<div class="sidebar">
				<div class="headSculpture">
					<img src="http://q1.qlogo.cn/g?b=qq&nk=864508316&s=640" alt="">
					<p style="font-size: 20px;background: rgba(0,0,0,0.4);">Hsboy的博客</p>
				</div>
				<div class="option">
					<ul>
						<li style="background: rgba(0,0,0,0.15);"><img src="picture/home.png" alt="">
							<p><a href="index.html">首页 - Home</a></p>
						</li>
						<li style="background: rgba(0,0,0,0.15);"><img src="picture/works.png" alt="">
							<p><a href="works.html">作品 - Works</a></p>
						</li>
						<li style="background: rgba(0,0,0,0.15);"><img src="picture/release.png" alt="">
							<p><a href="daily.html">每日 - Daily</a></p>
						</li>
						<li style="background: rgba(0,0,0,0.15);"><img src="picture/collection.png" alt="">
							<p><a href="collection.html">归档 - Archive</a></p>
						</li>
						<li style="background: rgba(0,0,0,0.15);"><img src="picture/setup.png" alt="">
							<p><a href="settings.html">设置 - Settings</a></p>
						</li>
					</ul>
				</div>
			</div>
			<!-- 侧边栏按钮 -->
			<button></button>
			<!-- 内容区域 -->
			<div class="banner">
				<script type="text/javascript">
					if (getCookie("darkmod") == "true") {
						console.log("检测到开启了简洁模式")
						document.getElementById("wrapper").style.backgroundImage = "url(images/darkmod.png)"
						document.getElementsByClassName("sidebar")[0].style.backgroundImage = "url(images/darkmod.png)"
					}

					function getCookie(cname) {
						var name = cname + "=";
						var ca = document.cookie.split(';');
						for (var i = 0; i < ca.length; i++) {
							var c = ca[i].trim();
							if (c.indexOf(name) == 0) return c.substring(name.length, c.length);
						}
						return "";
					}
				</script>
				<!-- -------------------------------------------- -->
				<script type="text/javascript" src="https://api.ooopn.com/history/api.php?type=js"></script>
				<div style="color: white;font-size: 20px;position: relative;top: 20px;" id="history">
				历史的今天:<script>
						history()
					</script>
				</div>
			</div>
		</div>

		<script type="text/javascript">
			setInterval(function() {
				var img1 = document.getElementsByTagName("img")[1]
				img1.src = "picture/home.png"
				var img2 = document.getElementsByTagName("img")[2]
				img2.src = "picture/works.png"
				var img3 = document.getElementsByTagName("img")[3]
				img3.src = "picture/release.png"
				var img4 = document.getElementsByTagName("img")[4]
				img4.src = "picture/collection.png"
				var img5 = document.getElementsByTagName("img")[5]
				img5.src = "picture/setup.png"
			}, 1)
		</script>
		<script src="js/jquery.min.js"></script>
		<script src="layui/layui.all.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/sidebar.js"></script>

	</body>
</html>
